<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/assets/common/common.css" />
    <link rel="stylesheet" href="/assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../myApproval/myApproval.css" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <title>Document</title>
    <style>
      .text_box .word_c {
        color: #2561ef;
      }
    </style>
  </head>
  <body class="myApproval">
    <!-- 导航栏 -->
    <div class="top bg-fff w100 flex aic jc-sb pl-20 pr-20">
      <a href="../Approval.html" class="icon">
        <i class="iconfont icon-zuojiantou"></i>
      </a>
      <div>我审批的</div>
      <div class="icon"></div>
    </div>
    <!-- 输入框 -->
    <div class="entry w100 bg-fff fcc">
      <div class="import flex aic pl-15">
        <i class="iconfont icon-sousuo t-999"></i>
        <input type="text" placeholder="请输入" />
      </div>
    </div>
    <!-- 待审批/已审批 -->
    <div class="text_box w100 bg-fff flex aic jc-sa">
      <div id="but" class="word_c flex fdc aic">
        <span class="f14 text">待审批</span>
        <span class="spot">●</span>
      </div>
      <div id="but" class="flex fdc aic">
        <span class="f14 text">已审批</span>
        <span class="spot dsn">●</span>
      </div>
    </div>
    <!-- 待审批列表 -->
    <ul class="list">
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4454.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">吴珊珊审批中</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4454.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">吴珊珊审批中</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4454.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">吴珊珊审批中</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
    </ul>
    <!-- 已审批列表 -->
    <ul class="approvedList dsn">
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4408.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">审批通过</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4408.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">审批通过</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
      <a
        href="../InitiateApproval/InitiateApproval.html"
        class="item bg-fff flex aic fg1"
      >
        <div class="img_box">
          <img src="/assets/img/Approval-img/u4408.png" alt="" />
        </div>
        <div class="text">
          <div class="flex aic jc-sb">
            <span class="f14 pt-10">晁文漪的入职审批</span>
            <span class="f12 word">审批通过</span>
          </div>
          <div class="f12 t-999 pt-5">入职员工：晁文漪</div>
          <div class="f12 t-999">入职部门：产品部</div>
          <div class="flex aic jc-sb">
            <div class="flex aic">
              <img src="/assets/img/Approval-img/u999.png" alt="" />
              <span class="f12">李凡凡提交</span>
            </div>
            <div class="time f12">2022-01-02 10:09:00</div>
          </div>
        </div>
      </a>
    </ul>
    <!-- 底部 -->
    <div class="footer fcc f14">没有更多数据了~</div>
  </body>
  <script>
    $(".text_box").on("click", "#but", function () {
      if ($(this).find(".text").text() === "待审批") {
        $(".list").show();
        $(".approvedList").hide();
      } else {
        $(".list").hide();
        $(".approvedList").show();
      }
      $(this).addClass("word_c");
      $(this).siblings().removeClass("word_c");
      $(this).find(".spot").show();
      $(this).siblings().find(".spot").hide();
    });
  </script>
</html>
